﻿(function () {
    "use strict";

    WinJS.UI.Pages.define("/pages/login/login.html", {
        // Cette fonction est appelée chaque fois qu'un utilisateur accède à cette page. Elle
        // remplit les éléments de la page avec les données d'application.
        ready: function (element, options) {
            WinJS.Resources.processAll();
            document.querySelector("#connexion_button").onclick = connexion_click;
            document.querySelector("#inscription_button").onclick = inscriptio_click;
        }
    });

    var connexion_click = function () {
        var login = document.querySelector("#login_text").value;
        var password = document.querySelector("#password_text").value;

        /* Appel WebService en Ajax */
        var data = {
            login: login,
            password: password
        };
        
        WinJS.xhr({
            type: "POST",
            url: WinJS.Resources.getString("/webServicesResources/url").value + "LogInJSON",
            headers: { "Content-Type": "application/json; charset=utf-8" },
            dataType: "json",
            data: JSON.stringify(data),
        }).done(
            function (reponse) {
                userCredential = login;
                passwordCredential = password;
                WinJS.Navigation.navigate('/pages/home/home.html');
            },
            // récupère les erreurs d'authentifications
            function error(error) {
                document.querySelector("#login_text").className = "error";
                document.querySelector("#password_text").className = "error";
            },
            function progress(result) {

            });
    };

    var inscriptio_click = function() {
        WinJS.Navigation.navigate('/pages/inscription/inscription.html');
    };
})();
